<template>
    <div class="mimadl">
        <p class="nav"><router-link tag="i" class="iconfont icon-left-" to="/dly">密码登录</router-link></p>
        <form class="form">
            <label class="sjh"><input name="sjh" type="text" placeholder="手机/邮箱/用户名"></label>
            <input type="password" name="mima" placeholder="密码">
        </form>
        <span><button id="btn">登录</button></span>
        <router-link class="wjmm" tag="p" to="">忘记密码?</router-link>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
   .mimadl{
       height: 100vh;
       background: #f5f5f5; 
        .nav{
            background: #0096fd;
            height: 1.2rem;
            color: #fff;
            i{
                padding-left: 0.5rem;
            }
        }
        .form{
            margin-top: 0.4rem;
            height: 3rem;
            font-size:0; 
            .sjh{
                display: flex;
                input[name='sjh']{
                    flex: 3;
                    height: 1.2rem;
                    padding: 0rem 0.2rem;
                    background: #ffffff;
                    border: none;
                    border-bottom: 0.01rem solid #ccc;
                    outline: none;
                }
            }
            input[name="mima"]{
                height: 1.3rem;
                width: 100%;
                background: #fff;
                box-sizing: border-box;
                padding-left: 0.3rem;
                border: none;
                outline: none;
            }
        }
        span{
            display: block;
            padding: 0 0.2rem;
            #btn{
                width: 100%;
                height: 1.45rem;
                background: #4dc160;
                color: #fff;
            }
        }
        .wjmm{
            margin-top: 0.5rem;
            text-align: right;
            padding-right: 0.5rem;
            font-size: 0.42rem; 
            color: #0096fd;
        }
    }

</style>
